page {
	background-color: #FFFFFF;
}

.orderbg {
	width: 100vw;
	height: 30vh;
	display: flex;
	background-image: linear-gradient(to right, rgba(255, 119, 51, 1), rgba(255, 78, 38, 1));
}

.orderdown {
	width: 100vw;
	position: relative;
	top: -40rpx;
	border-top-left-radius: 40rpx;
	border-top-right-radius: 40rpx;
	background: #FFFFFF;
	display: grid;
	place-items: center;

}

.statistics {
	width: 150rpx;
	height: 150rpx;
	box-sizing: border-box;
	border-radius: 75rpx;
	margin-left: 30rpx;
	background: radial-gradient(80% 80%, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.20));
	position: relative;
	top: 25%;
	display: flex;
	flex-direction: column;
	text-align: center;
	padding-top: 40rpx;
	font-size: 28rpx;
	color: #FFFFFF;
}

.orderbutton {
	width: 680rpx;
	height: 200rpx;
	background: linear-gradient(133.89deg, rgba(255, 235, 222, 0.32) 0%, rgba(255, 235, 222, 1) 100%);
	box-shadow: 0px 2px 4px rgba(166, 166, 166, 0.5);
	border-radius: 15px;
	position: relative;
	top: -80rpx;
	margin-bottom: 64rpx;
	display: flex;
	justify-content: space-around;
	align-items: center;
	box-sizing: border-box;
	padding-bottom: 40rpx;
}

.ordering {
	width: 182rpx;
	height: 52rpx;
	background-color: rgba(255, 87, 51, 1);
	border-top-left-radius: 30rpx;
	border-bottom-right-radius: 30rpx;
	color: #FFFFFF;
	font-size: 28rpx;
	line-height: 52rpx;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}

.thisbutton {
	width: 250rpx;
	height: 70rpx;
	background-color: rgba(255, 247, 242, 0.7);
	box-shadow: 0px 2px 4px rgba(166, 166, 166, 0.28);
	border-radius: 10px;
	float: left;
	position: relative;
	top: 40rpx;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.buttonimage {
	position: relative;
	top: 14rpx;
}
